﻿*
{
  /* 
    Defines the main font used throughout the entire site 
  */
  font-family: Verdana, Arial, Sans-Serif;
  color:Black;
}

body
{
  /* 
    Clears white space around the body and sets the background color to a dark grey.
  */
  margin: 0;
  background-color: #FFFFFF;
}

a
{
  /*
    Clears the underline on normal links, and gives them #da6637 as the text color.
  */
  color: #0000FF;
  text-decoration: none;
}

a:hover
{
  /*
    Underlines links when the user hovers the mouse over them.
  */
  text-decoration: underline;
}

h1
{
  /*
    Makes h1 elements smaller than their browser default.
  */
  font-size: 20px;
}

#Header
{
  /*
    Sets the background of the header to the same color as the right-hand side of the 
    header image. This way, the header can expand to the right.
    The margin at the bottom creates some room between the header and the menu and the main content.
  */
  background-color: #1a9f27;
}

#Header a
{
  /*
    The #Header a is nested in the #Header. It provides a link to the homepage,
    and sets the header image background.
  */
  background-image: url(Images/Header.jpg);
  background-repeat: no-repeat;
  width: 944px;
  height: 138px;
  display: block;  
}

#MenuWrapper
{
  /*
    Floats the entire menu on the left of the content.
  */
  height: 30px;
  width: 990px;
  padding-top: 0; /* Reset the top-padding. The first menu item (home) already adds some padding to its top to create room between the MenuWrapper and the first menu item */
  background-color: #aaaaaa;
  margin-right: 20px;
  font-size: 0.8em;
}

#MenuWrapper p
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 140px;
    background-color:Orange;
    text-align: center;
}
#MenuWrapper td
{
    width: 130px;
    background-color: #3a91e9;
}

#MenuWrapper td a
{
    margin-left: 5px;
    width: 130px;
}

#MenuWrapper td a:hover
{
    width: 112px;
    margin-left: 5px;
    background-color: #4fff9a;
    text-decoration: none;
    display: block;
}

#TreeView1
{
    padding: 0px;
    margin: 0px;
}

.FirstLevelMenuItems
{
    padding-top: 2px;
    border: 5px solid #FFFFFF;
    width: 120px;
    display: block;
}

#MainContent
{
  /*
    Defines the main content area. The text color is white (on the gray background set on the body).
    The #MainContent element has a minimum height of 370 pixels, but can grow if necessary.
    The font-size is 80% of its parent element, which in this case comes down to 80% of the font
    the user has specified as the default font in the browser.
  */
  color: white;
  font-size: 0.8em;
  width: 600px;
  min-height: 370px;
  padding: 10px;
  float: left;
  margin-left: 50px;
}

#MainContent p
{
    color: #0000FF;
}

#MainContent h1
{
    color: #0000FF;
}

#Sidebar
{
  /*
    The Sidebar is positioned absolutely at the right of the page.
    It has the same font-size and color as #MainContent
  */
  font-size: 0.8em;
  width: 500px;
  color: White;
  float: left;
  padding-top: 10px;
}

#Footer
{
  /*
    The footer is positioned below all other content.
    At the top, it gets a border with a dashed style, while all other sides have no border.
  */
  text-align: center;
  border-top: 2px gray;
  height: 37px;
  clear: both;
  background-color: #1a9f27;
}

.Introduction
{
  font-style: italic;
}

.UlProdutos
{   
    list-style: none outside none;
    padding: 0;
    text-align: left;
    list-style-type: none;
    width: 800px;    
}

.UlProdutos a
{
    text-decoration: none;
}

.LiProdutos
{
    display: inline-block;   
    width: 170px;
}

.UlProd
{
    display: inline-block;
    list-style-type: none;
    padding: 0px;

}

.ProdLink
{
    text-decoration: none;
}

.ProdNome
{
    height: 20px;
    width: 110px;
    padding-bottom: 50px;
    text-align: left;
}

.ProdPreco
{
    text-align: center;
    color: #000000;
}

.ProdParcela
{
    color:Red;
    text-align: center;
}

#banner1_Image1
{
    float: left;
    padding: 10px;


}

#banner1_Image3
{
    float: left;
    padding: 10px;

}
#banner1_Image2
{
    padding: 10px;

}

#banner1_Image4
{
    padding: 10px;
}

#SiteMapPath1
{
    color: #000000;
}

#SiteMapPath1 a
{
    color: #0000FF;
}

#FotoProd
{
   text-align: center;
}

.FotoMaior
{
    width: 70%;
    height: 70%;
}


#Menu1
{
    width: 944px;
    margin: 0px;
    margin-left: 80px;
}

.MainMenu ul
{
     width: 980px;
}

.MainMenu a
{
     padding-top: 5px;
     height: 25px;
}

#Menu1 ul
{
    background-color: #AAAAAA;
    width: 980px;
    height: 30px;
    border-right: 0.5px solid #000000;
}

#Menu1 a:hover
{
    background-color: #b3faf4;

}
.static li
{
    width: 160px;
    text-align: center;
    display: block;
    height: 30px;
    border-left: 0.5px solid #000000;
}

.UlForm
{
    color: #000000;
}

.UlForm li
{
    list-style-type: none;
}

.UlForm span
{
    padding: 10px;
    width: 50px;
    text-align: right;
    display: inline-block;
}

#DivBotao
{
    float:right;
}

#DivForm
{
    width: 284px;
    height: 200px;
}